<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" type="text/css" href="./css/aui.css" />
	<link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
	<script type="text/javascript" src="./js/aui-tab.js" ></script>
	<script type="text/javascript" src="./js/aui-slide.js"></script>
</head>
<style type="text/css" media="screen">
	.cate .aui-grid .aui-row .cate_one .img{height: 60px;width: 60px;  border-radius: 50px; border: 1px gray solid;margin:auto;} 
	.aui-list-item-inner .aui-row .good{margin:auto;padding: 16px;}
	.aui-list-item-inner .aui-row .good .title{text-align: center;}
	.aui-list-item-inner .aui-row .good .owner{border: 1px solid red;display: inline-block;width: 50px;height: 50px;border-radius: 50px;position: absolute;top:55%;left:68%;}
	.font{font-size: 12px;color: gray;font-weight: bold;}
</style>
<body>
	<div class="aui-content aui-margin-b-15" style="background-color: #ffffff">
		<header class="aui-bar aui-bar-nav">塘主首页</header>
		<div id="aui-slide">
		    <div class="aui-slide-wrap" >
		        <div class="aui-slide-node bg-dark">
		            <img src="./images/l1.png" />
		        </div>
		        <div class="aui-slide-node bg-dark">
		            <img src="./images/l2.png" />
		        </div>
		        <div class="aui-slide-node bg-dark">
		            <img src="./images/l3.png" />
		        </div>
		    </div>
		    <div class="aui-slide-page-wrap"><!--分页容器--></div>
		</div>
		<div class="aui-searchbar" id="search">
		    <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
		        <i class="aui-iconfont aui-icon-search"></i>
		        <form action="javascript:search();">
		            <input type="search" placeholder="请输入搜索内容" id="search-input">
		        </form>
		    </div>
		    <div class="aui-searchbar-cancel" tapmod>取消</div>
		</div>
		<div class="cate">
			<section class="aui-grid aui-margin-b-15">
			    <div class="aui-row">
			        <div class="cate_one aui-col-xs-3">
			            <!-- <div class="aui-badge">88</div>
			            <i class="aui-iconfont aui-icon-home"></i> -->
			            <div class="img aui-grid-label">
			            	<img src="./images/cate.png" alt="">
			            </div>
			            <div class="aui-grid-label">one</div>
			        </div>
			        <div class="cate_one aui-col-xs-3">
			            <div class="img aui-grid-label">
			            	<img src="./images/cate.png" alt="">
			            </div>
			            <div class="aui-grid-label">two</div>
			        </div>
			        <div class="cate_one aui-col-xs-3">
			            <div class="img aui-grid-label">
			            	<img src="./images/cate.png" alt="">
			            </div>
			            <div class="aui-grid-label">three</div>
			        </div>
			        <div class="cate_one aui-col-xs-3">
			            <div class="img aui-grid-label">
			            	<img src="./images/cate.png" alt="">
			            </div>
			            <div class="aui-grid-label">four</div>
			        </div>
			    </div>
			</section>
		</div>
		<div>
			<div class="aui-col-xs-12" style="width:80%;margin: auto;height:40px;overflow: hidden;">
				<img src="./images/adv.png" alt="">
			</div>
			<div class="aui-row" style="padding:20px;">
				<h6 style="text-align: center;">我的地盘</h6>	
			</div>	
			<div class="aui-hr" style="width:60%; background-color:#5e5b5b29;margin: auto;">
			</div>
		</div>
		<div class="aui-list-item-inner" style="margin-top: 20px;">
			<div class="aui-row aui-row-padded">
				<div class="good aui-col-xs-6">
					<div class="aui-grid-label"><img src="./images/f5.jpg" alt=""><span class="owner"><img src="./images/cate.png" alt=""></span></div>
					<div class="title aui-grid-label"><span class="font">三只松鼠</span></div>
					<div class="title aui-grid-label"><span class="font">￥：100</span></div>
				</div>
				<div class="good aui-col-xs-6">
					<div class="aui-grid-label"><img src="./images/f5.jpg" alt=""><span class="owner"><img src="./images/cate.png" alt=""></span></div>
					<div class="title aui-grid-label"><span class="font">三只松鼠</span></div>
					<div class="title aui-grid-label"><span class="font">￥：100</span></div>
				</div>
				<div class="good aui-col-xs-6">
					<div class="aui-grid-label"><img src="./images/f5.jpg" alt=""><span class="owner"><img src="./images/cate.png" alt=""></span></div>
					<div class="title aui-grid-label"><span class="font">三只松鼠</span></div>
					<div class="title aui-grid-label"><span class="font">￥：100</span></div>
				</div>
				<div class="good aui-col-xs-6">
					<div class="aui-grid-label"><img src="./images/f5.jpg" alt=""><span class="owner"><img src="./images/cate.png" alt=""></span></div>
					<div class="title aui-grid-label"><span class="font">三只松鼠</span></div>
					<div class="title aui-grid-label"><span class="font">￥：100</span></div>
				</div>
				<div class="good aui-col-xs-6">
					<div class="aui-grid-label"><img src="./images/f5.jpg" alt=""><span class="owner"><img src="./images/cate.png" alt=""></span></div>
					<div class="title aui-grid-label"><span class="font">三只松鼠</span></div>
					<div class="title aui-grid-label"><span class="font">￥：100</span></div>
				</div>

			</div>
        </div>
        <div style="margin-top: 40px; height: 20px;">
        	
        </div>
		<footer class="aui-bar aui-bar-tab" id="footer">
		    <div class="aui-bar-tab-item aui-active" tapmode>
		        <i class="aui-iconfont aui-icon-home"></i>
		        <div class="aui-bar-tab-label">首页</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode>
		        <i class="aui-iconfont aui-icon-star"></i>
		        <div class="aui-bar-tab-label">收藏</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode>
		        <div class="aui-badge">99</div>
		        <i class="aui-iconfont aui-icon-cart"></i>
		        <div class="aui-bar-tab-label">购物车</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode>
		        <div class="aui-dot"></div>
		        <i class="aui-iconfont aui-icon-my"></i>
		        <div class="aui-bar-tab-label">我的</div>
		    </div>
		</footer>
	</div>

</body>
</html>
<script  type="text/javascript">
	var slide = new auiSlide({
        container:document.getElementById("aui-slide"),
        // "width":300,
        "height":150,
        "speed":300,
        "pageShow":true,
        "pageStyle":'dot',
        "loop":true,
        'dotPosition':'center',
        //currentPage:currentFun
    })

    function currentFun(index) {
        console.log(index);
    }
</script>